<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="PreviewTable.ascx.cs" Inherits="ImageReview.PreviewTable" %>

	<script type="text/javascript">
	   function toggleimage( ctrl ) {
	        var src = ctrl.src;
	        ctrl.src = ctrl.getAttribute( "altsrc" );
	        ctrl.setAttribute( "altsrc", src );
	        
            if( ctrl.src.indexOf( ".ashx" ) == -1 ) {
    	        ctrl.parentNode.style.zIndex = 0;
    	        ctrl.style.border = "0px";
    	        ctrl.style.padding = "0px"; 
            }
            else {
    	        ctrl.parentNode.style.zIndex = 1;
    	        ctrl.style.border = "1px solid Black";
    	        ctrl.style.padding = "3px"; 
             }
	   } 
    </script>

<table style="width:100%; position:absolute;" cellpadding="0" cellspacing="0"> 
    <asp:PlaceHolder ID="PreviewTablePlaceHolder" runat="server"></asp:PlaceHolder>
    <span class="leftspacing">&nbsp;</span><asp:Label ID="lblNoImages" runat="server" Text="This folder contains no unprocessed images" Visible="false"></asp:Label>
    <tr><td colspan="5" style="width:100%;"><span style="float:right;padding:20px 20px 0 0; font-weight: bold;">Next:  
        <asp:LinkButton ID="btnNext" Text="Click here to review the processed images" runat="server" 
            onclick="btnNext_Click" /></span></td></tr>
</table>